<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./xiehao1.css">
    <title>5.28css初学</title>
</head>

<body>
    <!--link链接进行css样式渲染的链接-->
  <!-- /* 
    基本常用选择器
    1. 通用选择器 * 
    2. 标签选择器 标签名称
    3. 类选择器 .class名称（class 属性中的值可以是多个）
    4. id选择器 #id名称（尽量保持id属性的唯一性）
    5. 属性选择器 [属性='值']
   
    选择器的优先级：决定了样式层叠顺序
    id 选择器 > 类选择器(属性选择器) > 标签选择器 > 通配选择器 > 浏览器的默认样式
   
    层叠的理解：
    1. 相同优先级的选择器定义的样式，后写会覆盖先写的。
    2. 优先级不同的选择器，按照优先级来决定最终显示出来的层叠样式（参考优先级顺序）
   */--> 
   

<h1 class="big">xiehao1</h1>

<h1 >这是一个css标题</h1>

<P class="xiehao">段落标签</P>

<P class="xiehao">段落我的武器大全二位标签</P>

<p class="big blue">这是一个段落</p>

<p class="big" class="blue">这是一个段落</p> 

<input class="big" id="para"  type="text" placeholder="请输入文本"><!--绿色-->

<input type="password" placeholder="请输入密码">


</body>
</html>

